<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>全国大型体育场馆图</title>
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <link rel="stylesheet" href="btn.css"/> 
    <div id="float-btn" onclick="backToHome()">
	<img src="./image/hbtn.png" width="40px" height="40px"></div>
        <script>    function backToHome(){
                window.open("home.html", "_self");
            }</script>
    <style>
        html, body, #container {
            height: 100%;
            width: 100%;
        }
                
        .input-card {
            width: 25rem;
        }

        .input-card .btn {
            width: 7rem;
            margin-right: .7rem;
        }

        .input-card .btn:last-child {
            margin-right: 0;
        }
    </style>
</head>
<body>
        
        <style>   
        .container-parent {
            position: relative;
            display: flex;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            
        }
        #container {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        .container-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

        .container-parent img,
        .container-parent h2,
        .container-parent #container {
        margin: auto;
        }
        .input-card {
            width: 25rem;
        }
        .input-card .btn {
            width: 7rem;
            margin-right: .7rem;
        }
        .input-card .btn:last-child {
            margin-right: 0;
        }
        
    </style>
     <div class="container-parent">
        <img src="./image/load.gif" style=" max-width: 100%; max-height: 90%;">
        <h1>加载中,请耐心等待...</h1>
        <div id="container" class="map" tabindex="0"></div>
    </div>
    <div  class="input-card">
        <h3 style=" text-align: center">说明</h3>
        <div class="input-item">
        地图可放大缩小，展示了中国大型的体育场（含足球场）的分布（截止到2020.9.13）
        </div>
    </div>
<script src="//a.amap.com/jsapi_demos/static/china.js"></script>
<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode:'88a3eab77553ae8bc8414d68f0c4eac6',
    }
</script>
 <script src="https://webapi.amap.com/maps?v=2.0&key=d35fe563d0a808e209697b78d324450b&plugin=AMap.MarkerCluster"></script> 

<script type="text/javascript">
    var cluster;

    var map = new AMap.Map("container", {
        center: [104.937478,35.439575],
        zoom: 5
    });

    var gridSize = 60
    // 数据中需包含经纬度信息字段 lnglat
    var points = [
{
        lnglat: [113.262367, 23.184365]
        },
{
        lnglat: [116.395946, 39.993427]
        },
{
        lnglat: [120.169724, 30.291648]
        },
{
        lnglat: [113.408524, 23.136551]
        },
{
        lnglat: [106.65382, 26.6879]
        },
{
        lnglat: [121.44167, 31.181728]
        },
{
        lnglat: [118.726227, 32.008533]
        },
{
        lnglat: [116.447155, 39.930516]
        },
{
        lnglat: [114.091778, 22.558244]
        },
{
        lnglat: [121.56905, 39.016701]
        },
{
        lnglat: [118.107786, 24.484728]
        },
{
        lnglat: [109.022973, 34.37663]
        },
{
        lnglat: [123.463964, 41.7405]
        },
{
        lnglat: [117.227239, 31.820586]
        },
{
        lnglat: [108.393594, 22.760242]
        },
{
        lnglat: [112.53165, 37.75457]
        },
{
        lnglat: [115.819947, 28.621139]
        },
{
        lnglat: [114.468664, 38.037057]
        },
{
        lnglat: [106.79542, 29.696195]
        },
{
        lnglat: [121.619044, 38.951381]
        },
{
        lnglat: [108.773095, 34.279122]
        },
{
        lnglat: [120.222624, 36.236809]
        },
{
        lnglat: [103.684725, 36.085586]
        },
{
        lnglat: [119.305111, 26.111836]
        },
{
        lnglat: [113.665518, 34.768797]
        },
{
        lnglat: [106.506282, 29.525246]
        },
{
        lnglat: [109.82827, 39.6386]
        },
{
        lnglat: [104.213346, 30.578062]
        },
{
        lnglat: [117.116349, 36.65681]
        },
{
        lnglat: [114.172573, 30.500683]
        },
{
        lnglat: [113.32471, 23.137903]
        },
{
        lnglat: [113.628975, 34.835586]
        },
{
        lnglat: [112.982703, 28.178091]
        },
{
        lnglat: [117.175458, 39.074351]
        },
{
        lnglat: [114.273927, 30.586822]
        },
{
        lnglat: [120.134779, 30.268064]
        },
{
        lnglat: [116.999932, 32.625478]
        },
{
        lnglat: [106.630153, 26.647661]
        },
{
        lnglat: [111.657388, 40.852595]
        },
{
        lnglat: [113.391551, 23.055584]
        },
{
        lnglat: [120.447273, 36.103421]
        },
{
        lnglat: [110.216708, 20.039008]
        },
{
        lnglat: [114.887543, 40.824418]
        },
{
        lnglat: [120.699366, 27.994267]
        },
{
        lnglat: [120.382639, 36.067082]
        },
{
        lnglat: [114.285058, 30.800932]
        },
{
        lnglat: [115.948205, 29.669052]
        },
{
        lnglat: [128.32554, 45.462966]
        },
{
        lnglat: [109.954627, 39.834606]
        },
{
        lnglat: [117.011434, 36.646855]
        },
{
        lnglat: [118.380524, 31.309167]
        },
{
        lnglat: [87.561101, 43.880125]
        },
{
        lnglat: [119.0694, 36.726638]
        },
{
        lnglat: [117.989488, 36.812733]
        },
{
        lnglat: [120.754909, 31.302757]
        },
{
        lnglat: [120.974177, 31.341479]
        },
{
        lnglat: [113.9466, 22.667731]
        },
{
        lnglat: [108.944888, 34.232219]
        },
{
        lnglat: [121.07158, 40.871406]
        },
{
        lnglat: [112.036033, 27.742057]
        },
{
        lnglat: [113.111875, 27.842213]
        },
{
        lnglat: [119.978985, 31.806026]
        },
{
        lnglat: [113.880928, 22.557453]
        },
{
        lnglat: [121.516584, 31.30666]
        },
{
        lnglat: [116.398819, 39.983192]
        },
{
        lnglat: [102.72998, 25.037159]
        },
{
        lnglat: [113.535943, 22.274778]
        },
{
        lnglat: [121.400136, 28.646317]
        },
{
        lnglat: [121.460904, 37.46394]
        },
{
        lnglat: [112.433799, 34.617081]
        },
{
        lnglat: [114.416098, 23.106434]
        },
{
        lnglat: [109.938116, 40.639876]
        },
{
        lnglat: [118.381188, 31.309044]
        },
{
        lnglat: [101.739851, 36.643906]
        },
{
        lnglat: [117.115153, 30.542918]
        },
{
        lnglat: [110.434162, 21.264152]
        },
{
        lnglat: [120.499426, 30.094786]
        },
{
        lnglat: [111.238048, 23.473308]
        },
{
        lnglat: [111.230564, 30.699615]
        },
{
        lnglat: [107.721045, 27.967281]
        },
{
        lnglat: [108.638573, 34.404493]
        },
{
        lnglat: [104.074403, 30.648]
        },
{
        lnglat: [106.153317, 38.498529]
        },
{
        lnglat: [114.534565, 38.041564]
        },
{
        lnglat: [121.382048, 31.170135]
        },
{
        lnglat: [118.28975, 35.119762]
        },
{
        lnglat: [119.597346, 30.596836]
        },
{
        lnglat: [119.816583, 33.980748]
        },
{
        lnglat: [121.544379, 31.221517]
        },
{
        lnglat: [113.120696, 22.968196]
        },
{
        lnglat: [117.725364, 39.031356]
        },
{
        lnglat: [112.918356, 35.071895]
        },
{
        lnglat: [118.492284, 31.554383]
        },
{
        lnglat: [119.210594, 35.754908]
        },
{
        lnglat: [112.680574, 26.884183]
        },
{
        lnglat: [122.078575, 41.112991]
        },
{
        lnglat: [120.098195, 29.307172]
        },
{
        lnglat: [125.343263, 43.866705]
        },
{
        lnglat: [109.436006, 24.344734]
        },
{
        lnglat: [123.869807, 41.867166]
        },
{
        lnglat: [120.577318, 31.294412]
        },
{
        lnglat: [118.381188, 31.309044]
        },
{
        lnglat: [120.783327, 31.653984]
        },
{
        lnglat: [121.032874, 30.69404]
        },
{
        lnglat: [122.245154, 40.625909]
        },
{
        lnglat: [112.575556, 32.991103]
        },
{
        lnglat: [116.584143, 35.356786]
        },
{
        lnglat: [113.999019, 33.007095]
        },
{
        lnglat: [118.264481, 32.085175]
        },
{
        lnglat: [117.29468, 34.22616]
        },
{
        lnglat: [114.092394, 22.557864]
        },
{
        lnglat: [116.277856, 39.867617]
        },
{
        lnglat: [107.583726, 37.616669]
        },
{
        lnglat: [120.853019, 40.729745]
        },
{
        lnglat: [114.273921, 30.587419]
        },
{
        lnglat: [115.08826, 30.212095]
        },
{
        lnglat: [125.092258, 46.576533]
        },
{
        lnglat: [106.536691, 29.58456]
        },
{
        lnglat: [117.069947, 36.202982]
        },
{
        lnglat: [113.994095, 33.567864]
        },
{
        lnglat: [106.100463, 30.832698]
        },
{
        lnglat: [118.661169, 24.927164]
        },
{
        lnglat: [109.460215, 34.519145]
        },
{
        lnglat: [118.910004, 42.242346]
        },
{
        lnglat: [120.266769, 31.908819]
        },
{
        lnglat: [116.803715, 38.307278]
        },
{
        lnglat: [125.659292, 43.520465]
        },
{
        lnglat: [113.8903, 35.29995]
        },
{
        lnglat: [115.948226, 29.668018]
        },
{
        lnglat: [118.275198, 33.963232]
        },
{
        lnglat: [116.803837, 33.954546]
        },
{
        lnglat: [119.305111, 26.111836]
        },
{
        lnglat: [116.725553, 39.55274]
        },
{
        lnglat: [116.395704, 39.874722]
        },
{
        lnglat: [107.087708, 41.697693]
        },
{
        lnglat: [108.327546, 22.815478]
        },
{
        lnglat: [118.107786, 24.484728]
        },
{
        lnglat: [112.567145, 37.832049]
        },
{
        lnglat: [104.752944, 31.44823]
        },
{
        lnglat: [120.267449, 31.543287]
        },
{
        lnglat: [121.723225, 39.096126]
        },
{
        lnglat: [121.581513, 29.871367]
        },
{
        lnglat: [112.35518, 28.55386]
        },
{
        lnglat: [122.086547, 37.521294]
        },
{
        lnglat: [104.260098, 30.576351]
        },
{
        lnglat: [129.383736, 42.763979]
        },
{
        lnglat: [114.387783, 30.477095]
        },
{
        lnglat: [118.896001, 31.91208]
        },
{
        lnglat: [121.34197, 30.741991]
        },
{
        lnglat: [123.182563, 41.243816]
        },
{
        lnglat: [120.897674, 31.967595]
        },
{
        lnglat: [123.325926, 41.811572]
        },
{
        lnglat: [117.184494, 35.111275]
        },
{
        lnglat: [122.474925, 37.150615]
        },
{
        lnglat: [118.791062, 36.857133]
        },
{
        lnglat: [113.13692, 40.987255]
        },
{
        lnglat: [112.209183, 30.997285]
        },
{
        lnglat: [119.232575, 34.657664]
        },
{
        lnglat: [113.076904, 36.223636]
        },
{
        lnglat: [119.765744, 49.211574]
        },
{
        lnglat: [117.381286, 39.071392]
        },
{
        lnglat: [119.643306, 29.04166]
        },
{
        lnglat: [106.45911, 29.572079]
        },
{
        lnglat: [104.912307, 25.10824]
        },
{
        lnglat: [103.81911, 25.543615]
        },
{
        lnglat: [117.356113, 39.008607]
        },
{
        lnglat: [114.700033, 33.620553]
        },
{
        lnglat: [100.21352, 26.89939]
        },
{
        lnglat: [128.242099, 43.370766]
        },
{
        lnglat: [116.002692, 36.425986]
        },
{
        lnglat: [113.750952, 23.024485]
        },
{
        lnglat: [119.026017, 33.554625]
        },
{
        lnglat: [119.365602, 32.393281]
        },
{
        lnglat: [117.861588, 30.964493]
        },
{
        lnglat: [121.558974, 38.895722]
        },
{
        lnglat: [113.750952, 23.024485]
        },
{
        lnglat: [117.333259, 34.802462]
        },
{
        lnglat: [111.464603, 27.22425]
        },
{
        lnglat: [114.945093, 30.437738]
        },
{
        lnglat: [91.171924, 29.653491]
        },
{
        lnglat: [111.193131, 34.776846]
        },
{
        lnglat: [105.604421, 30.517422]
        },
{
        lnglat: [114.288338, 35.707888]
        },
{
        lnglat: [106.137291, 38.009934]
        },
{
        lnglat: [117.369856, 32.892566]
        },
{
        lnglat: [115.68231, 37.710445]
        },
{
        lnglat: [116.470703, 31.769209]
        },
{
        lnglat: [115.825554, 34.403118]
        },
{
        lnglat: [87.616848, 43.825592]
        },
{
        lnglat: [118.888224, 28.944756]
        },
{
        lnglat: [124.354706, 40.000499]
        },
{
        lnglat: [114.329896, 34.776838]
        },
{
        lnglat: [107.389298, 29.703113]
        },
{
        lnglat: [107.46778, 31.209278]
        },
{
        lnglat: [113.665538, 34.768041]
        },
{
        lnglat: [122.242979, 43.630285]
        },
{
        lnglat: [113.107003, 25.790932]
        },
{
        lnglat: [106.398669, 29.791129]
        },
{
        lnglat: [107.406384, 22.393518]
        },
{
        lnglat: [122.122944, 37.203333]
        },
{
        lnglat: [120.90868, 31.385869]
        },
{
        lnglat: [113.928475, 30.941099]
        },
{
        lnglat: [119.423374, 32.174262]
        },
{
        lnglat: [111.65592, 40.850474]
        },
{
        lnglat: [116.121841, 24.311758]
        },
{
        lnglat: [106.921941, 27.71453]
        },
{
        lnglat: [109.035006, 32.682098]
        },
{
        lnglat: [103.89661, 30.570347]
        },
{
        lnglat: [108.387172, 30.803234]
        },
{
        lnglat: [113.584639, 24.799672]
        },
{
        lnglat: [112.448638, 34.663736]
        },
{
        lnglat: [112.451183, 23.060173]
        },
{
        lnglat: [125.398232, 43.839273]
        },
{
        lnglat: [107.978858, 26.566741]
        },
{
        lnglat: [105.890305, 29.35448]
        },
{
        lnglat: [106.794249, 39.655388]
        },
{
        lnglat: [107.335938, 33.152321]
        },
{
        lnglat: [104.830359, 26.592666]
        },
{
        lnglat: [105.947593, 26.253072]
        },
{
        lnglat: [113.06826, 22.649768]
        },
{
        lnglat: [107.151554, 34.351844]
        },
{
        lnglat: [107.338267, 30.33367]
        },
{
        lnglat: [116.028475, 43.93809]
        },
{
        lnglat: [118.59413, 30.064327]
        },
{
        lnglat: [113.093694, 29.379927]
        },
{
        lnglat: [113.750856, 23.024304]
        },
{
        lnglat: [118.773851, 32.048887]
        },
{
        lnglat: [112.239741, 30.335165]
        },
{
        lnglat: [107.392593, 29.698832]
        },
{
        lnglat: [106.935905, 30.350634]
        },
{
        lnglat: [102.255884, 27.875023]
        },
{
        lnglat: [120.426246, 37.360229]
        },
{
        lnglat: [112.915106, 27.841066]
        },
{
        lnglat: [117.956728, 40.89625]
        },
{
        lnglat: [122.209345, 29.980804]
        },
{
        lnglat: [114.944357, 30.436888]
        },
{
        lnglat: [120.349294, 36.059359]
        },
{
        lnglat: [120.058992, 32.164033]
        },
{
        lnglat: [114.54876, 38.02342]
        },
{
        lnglat: [107.649033, 35.693832]
        },
{
        lnglat: [110.210513, 22.659389]
        },
{
        lnglat: [113.266273, 23.136521]
        },
{
        lnglat: [116.200827, 39.907041]
        },
{
        lnglat: [115.928107, 28.681092]
        },
{
        lnglat: [110.383959, 21.255571]
        },
{
        lnglat: [104.364003, 31.10471]
        },
{
        lnglat: [119.193167, 26.048112]
        },
{
        lnglat: [106.372494, 39.022473]
        },
{
        lnglat: [126.634021, 45.73882]
        },
{
        lnglat: [110.299183, 25.278362]
        },
{
        lnglat: [116.333223, 27.965574]
        },
{
        lnglat: [110.002241, 27.534123]
        },
{
        lnglat: [116.472169, 39.930037]
        },
{
        lnglat: [113.665518, 34.768797]
        },
{
        lnglat: [121.383952, 28.368029]
        },
{
        lnglat: [119.11603, 25.469671]
        },
{
        lnglat: [104.70958, 29.346557]
        },
{
        lnglat: [117.790955, 26.405045]
        },
{
        lnglat: [113.950343, 22.5177]
        },
{
        lnglat: [104.134964, 36.533281]
        },
{
        lnglat: [108.650258, 21.979852]
        },
{
        lnglat: [107.088247, 29.156618]
        },
{
        lnglat: [117.943433, 28.454862]
        },
{
        lnglat: [118.77165, 34.08622]
        },
{
        lnglat: [118.699295, 39.979374]
        },
{
        lnglat: [105.89022, 32.423801]
        },
{
        lnglat: [116.078134, 24.275273]
        },
{
        lnglat: [113.750952, 23.024485]
        },
{
        lnglat: [106.635015, 23.872681]
        },
{
        lnglat: [105.41838, 28.90347]
        },
{
        lnglat: [117.407844, 49.610135]
        },
{
        lnglat: [116.584143, 35.356786]
        },
{
        lnglat: [114.337089, 30.520036]
        },
{
        lnglat: [117.637715, 24.51939]
        },
{
        lnglat: [110.502642, 29.113665]
        },
{
        lnglat: [128.841147, 47.727536]
        },
{
        lnglat: [107.585132, 23.331887]
        },
{
        lnglat: [112.921924, 35.099192]
        },
{
        lnglat: [107.769568, 30.654233]
        },
{
        lnglat: [109.566057, 23.112729]
        },
{
        lnglat: [113.406376, 31.686233]
        },
{
        lnglat: [109.913623, 33.877835]
        },
{
        lnglat: [111.766518, 23.14284]
        },
{
        lnglat: [105.714897, 34.57014]
        },
{
        lnglat: [103.251951, 35.605605]
        },
{
        lnglat: [119.996278, 30.541946]
        },
{
        lnglat: [112.933833, 28.165367]
        },
{
        lnglat: [108.958689, 34.268095]
        },
{
        lnglat: [111.695232, 29.051114]
        },
{
        lnglat: [106.70065, 26.560637]
        },
{
        lnglat: [120.677408, 28.000823]
        },
{
        lnglat: [119.928611, 28.471626]
        },
{
        lnglat: [117.370303, 25.956969]
        },
{
        lnglat: [118.664547, 32.046508]
        },
{
        lnglat: [120.29422, 31.924882]
        },
{
        lnglat: [118.373897, 34.610887]
        },
{
        lnglat: [118.301003, 36.824852]
        },
{
        lnglat: [114.180864, 36.686989]
        },
{
        lnglat: [108.387855, 31.159239]
        },
{
        lnglat: [121.536325, 31.231156]
        },
{
        lnglat: [121.270754, 30.176863]
        },
{
        lnglat: [109.516161, 18.293103]
        },
{
        lnglat: [118.104999, 24.4859]
        },
{
        lnglat: [113.980898, 22.585287]
        },
{
        lnglat: [120.312279, 30.414131]
        },
{
        lnglat: [115.870135, 28.580285]
        },
{
        lnglat: [113.284062, 23.124541]
        },
{
        lnglat: [114.313707, 23.177853]
        },
{
        lnglat: [113.62941, 28.154714]
        },
{
        lnglat: [124.984445, 42.927426]
        },
{
        lnglat: [129.599189, 44.603839]
        },
{
        lnglat: [120.64246, 31.124107]
        },
{
        lnglat: [106.631155, 29.718087]
        },
{
        lnglat: [115.262881, 33.061391]
        },
{
        lnglat: [121.182805, 32.313597]
        },
{
        lnglat: [109.409202, 29.491713]
        },
{
        lnglat: [120.625062, 27.955348]
        },
{
        lnglat: [119.966661, 36.798875]
        },
{
        lnglat: [119.689262, 29.798308]
        },
{
        lnglat: [113.358026, 22.943174]
        },
{
        lnglat: [107.723339, 29.860878]
        },
{
        lnglat: [120.356988, 36.099663]
        },
{
        lnglat: [104.157733, 35.93507]
        },
{
        lnglat: [119.519583, 25.95601]
        },
{
        lnglat: [121.331506, 30.788898]
        },
{
        lnglat: [108.942603, 30.290757]
        },
{
        lnglat: [103.649628, 30.97665]
        },
{
        lnglat: [119.526888, 35.416377]
        },
{
        lnglat: [113.480613, 23.181355]
        },
{
        lnglat: [113.388898, 22.507322]
        },
{
        lnglat: [123.388917, 41.673179]
        },
{
        lnglat: [113.211094, 23.379541]
        },
{
        lnglat: [108.409638, 27.994442]
        },
{
        lnglat: [116.665806, 26.255156]
        },
{
        lnglat: [125.52251, 42.684725]
        },
{
        lnglat: [120.031999, 36.250319]
        },
{
        lnglat: [118.913788, 31.335972]
        },
{
        lnglat: [119.755271, 36.382973]
        },
{
        lnglat: [123.574263, 41.824137]
        },
{
        lnglat: [98.490082, 39.694737]
        },
{
        lnglat: [107.613076, 28.862548]
        },
{
        lnglat: [114.497654, 22.741562]
        },
{
        lnglat: [104.219143, 31.33053]
        },
{
        lnglat: [121.823465, 39.100645]
        },
{
        lnglat: [119.263062, 34.294666]
        },
{
        lnglat: [120.68309, 27.974069]
        },
{
        lnglat: [118.566625, 24.777156]
        },
{
        lnglat: [119.513122, 32.396758]
        },
        {
        lnglat: [91.136836,29.69913]
        }
];
    
    var count = points.length;

    var _renderClusterMarker = function (context) {
        var factor = Math.pow(context.count / count, 1 / 18);
        var div = document.createElement('div');
        var Hue = 180 - factor * 180;
        var bgColor = 'hsla(' + Hue + ',100%,40%,0.7)';
        var fontColor = 'hsla(' + Hue + ',100%,90%,1)';
        var borderColor = 'hsla(' + Hue + ',100%,40%,1)';
        var shadowColor = 'hsla(' + Hue + ',100%,90%,1)';
        div.style.backgroundColor = bgColor;
        var size = Math.round(30 + Math.pow(context.count / count, 1 / 5) * 20);
        div.style.width = div.style.height = size + 'px';
        div.style.border = 'solid 1px ' + borderColor;
        div.style.borderRadius = size / 2 + 'px';
        div.style.boxShadow = '0 0 5px ' + shadowColor;
        div.innerHTML = context.count;
        div.style.lineHeight = size + 'px';
        div.style.color = fontColor;
        div.style.fontSize = '14px';
        div.style.textAlign = 'center';
        context.marker.setOffset(new AMap.Pixel(-size / 2, -size / 2));
        context.marker.setContent(div)
    };
    var _renderMarker = function(context) {
        var content = '<div style="background-color: hsla(180, 100%, 50%, 0.3); height: 18px; width: 18px; border: 1px solid hsl(180, 100%, 40%); border-radius: 12px; box-shadow: hsl(180, 100%, 50%) 0px 0px 3px;"></div>';
        var offset = new AMap.Pixel(-9, -9);
        context.marker.setContent(content)
        context.marker.setOffset(offset)
    }
    
    addCluster(2);
    
    function addCluster(tag) {
        if (cluster) {
            cluster.setMap(null);
        }
        if (tag == 2) {//完全自定义
            cluster = new AMap.MarkerCluster(map, points, {
                gridSize: gridSize, // 设置网格像素大小
                renderClusterMarker: _renderClusterMarker, // 自定义聚合点样式
                renderMarker: _renderMarker, // 自定义非聚合点样式
            });
        } else if (tag == 1) {//自定义图标
            var sts = [{
                url: "//a.amap.com/jsapi_demos/static/images/blue.png",
                size: new AMap.Size(32, 32),
                offset: new AMap.Pixel(-16, -16)
            }, {
                url: "//a.amap.com/jsapi_demos/static/images/green.png",
                size: new AMap.Size(32, 32),
                offset: new AMap.Pixel(-16, -16)
            }, {
                url: "//a.amap.com/jsapi_demos/static/images/orange.png",
                size: new AMap.Size(36, 36),
                offset: new AMap.Pixel(-18, -18)
            }, {
                url: "//a.amap.com/jsapi_demos/static/images/red.png",
                size: new AMap.Size(48, 48),
                offset: new AMap.Pixel(-24, -24)
            }, {
                url: "//a.amap.com/jsapi_demos/static/images/darkRed.png",
                size: new AMap.Size(48, 48),
                offset: new AMap.Pixel(-24, -24)
            }];
            cluster = new AMap.MarkerCluster(map, points, {
                styles: sts,
                gridSize: gridSize 
            });
        } else {//默认样式
            cluster = new AMap.MarkerCluster(map, points, {gridSize: gridSize});
        }
    }

</script>
</body>
</html>